<script setup>
import { ref } from 'vue'
import api from '@/api'

const title = ref('Hello')

const handleLogin = () => {
  api.Login().then(res => {
    console.log(res, '是是是')
  })
}
</script>

<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"/>
		<view class="text-area">
			<text class="title">{{ title }}</text>
			士大夫胜多负少的
		</view>
		<up-button text="确定" type="primary" @click="handleLogin"/>
	</view>
</template>

<style lang="scss" scoped>
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin: 200rpx auto 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>
